<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Gizmo Go alive - The real estate Revolution - expérience immobilière</title>
    <meta name="description"
        content="Notre mission est de faciliter le business dans l&#039;univers de l&#039;Habitat. Nous innovons pour vous offrir des expériences extraordinaire." />
    <meta property="og:locale" content="en_US" />
    <meta property="og:type" content="website" />
    <meta property="og:title" content="Gizmo Go alive - The real estate Revolution - expérience immobilière" />
    <meta property="og:description"
        content="Notre mission est de faciliter le business dans l&#039;univers de l&#039;Habitat. Nous innovons pour vous offrir des expériences extraordinaire." />
    <meta property="og:url" content="https://www.gizmo-experience.com/en/" />
    <meta property="og:site_name" content="Gizmo" />
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:description"
        content="Notre mission est de faciliter le business dans l&#039;univers de l&#039;Habitat. Nous innovons pour vous offrir des expériences extraordinaire." />
    <meta name="twitter:title" content="Gizmo Go alive - The real estate Revolution - expérience immobilière" />
    <link rel="shortcut icon" href="./image/右三角形.png" type="image/x-icon">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
    <script src="./js/jquery-3.6.0.min.js"></script>
    <script src="./js/common.js"></script>
    <script src="./js/index.js"></script>
</head>

<body>
    <!-- 初始化页面模块 -->
    <div class="goAlive">
        <div class="goAliveTrangle"></div>
        <div class="goaliveImg"><img src="./image/go-alive.png" alt=""></div>
    </div>



    <div class="GizmoBodyBanner">

        <!-- 头部区域 -->
        <header class="mainHeader">
            <h1 title="THIS IS GIZMO!">
                <a href="" class="headLogo"><img src="./image/logo.png" alt=""></a>
            </h1>
            <div class="headRight">
                <div class="languageBtn">
                    <span id="en">FR</span>
                    <span class="iconfont">&#xe667;</span>
                    <span class="language">EN</span>
                </div>
                <span class="searchBtn iconfont">&#xe65b;</span>
                <div class="menuBtn">
                    <span>MENU</span>
                    <span class="menuRight">
                        <span id="munuTop"></span>
                        <span id="munuMiddlw"></span>
                        <span id="munuBottom"></span>
                    </span>
                </div>
            </div>
        </header>

        <!-- 菜单按钮模块 -->
        <div class="menuArea">
            <!-- 菜单按钮模块区的分栏 -->
            <div class="menuAreamask mask">
                <div class="maskList minMask"></div>
                <div class="maskList maxMask"></div>
                <div class="maskList maxMask"></div>
                <div class="maskList maxMask"></div>
                <div class="maskList maxMask"></div>
                <div class="maskList minMask"></div>

                <!-- 白色半透明三角盒子 -->
                <div class="menuContener">
                    <div class="menuAreaTrangle1 menuAreaTrangle"></div>
                    <div class="menuAreaTrangle2 menuAreaTrangle"></div>
                    <div class="menuAreaTrangle3 menuAreaTrangle"></div>
                    <div class="menuAreaTrangle4 menuAreaTrangle"></div>
                    <div class="menuAreaTrangle5 menuAreaTrangle"></div>

                    <li class="menuList"><span class="before"></span><a href=""><span class="menuContent">Notre
                                vision</span></a></li>
                    <li class="menuList"><span class="before"></span><a href=""><span class="menuContent">Nos
                                produits</span></a></li>
                    <li class="menuList"><span class="before"></span><a href=""><span class="menuContent">Notre
                                équipe</span></a></li>
                    <li class="menuList"><span class="before"></span><a href=""><span class="menuContent">FAQ</span></a>
                    </li>
                    <li class="menuList"><span class="before"></span><a href=""><span
                                class="menuContent">Contact</span></a></li>
                    <li class="menuList menuLists">
                        <a href="" class="whiteCicle"><span class="iconfont">&#xe658;</span></a>
                        <a href="" class="whiteCicle"><span class="iconfont">&#xe737;</span></a>
                        <a href="" class="whiteCicle"><span class="iconfont">&#xe655;</span></a>
                        <a href="" class="whiteCicle"><span class="iconfont">&#xe6f2;</span></a>
                    </li>
                </div>
            </div>
        </div>

        <!-- 搜索区域 -->
        <div class="searchArea">
            <div class="flexBanner">
                <div class="searchBanner">
                    <form id="form" action="" method="post">
                        <input type="search" name="search" id="searchBtn" placeholder="Votre recherche...">
                    </form>
                    <p class="former"><span>FERMER</span></p>
                </div>
            </div>
        </div>

        <!-- 分页模块 -->
        <section class="bodyLists">
            <div class="bodyFirstVideo">
                <video autoplay loop muted width="100%" height="100%" src="./image/home-ecran.mp4"></video>
                <div class="videoContener scrollUp">
                    <div class="videoContenerImg"><img src="./image/go-alive.png" alt=""></div>
                    <h1 class="videoContenerTitle">The Real Estate Revolution</h1>
                    <div class="VideoContenerHref"><span class="maskLine"></span>Découvrir en vidéo</div>
                    <p class="videoContenerP">Habitons intensément</p>
                    <span class="videoContenerSlide iconfont">&#xe8f2;</span>
                </div>
            </div>
        </section>
        <section class="bodyLists">
            <div class="bodyListsImg theSeccond"><img src="./image/main1.jpg" alt=""></div>
            <div class="theSecondBanner scrollDown bannerCommon scrollUp moveObject">
                <div class="notre"><span class="theSecondBannerTrangle"></span><span>NOTRE MISSION</span></div>
                <h2 class="theSecondBannerTitle">Faciliter le business<br>dans l'univers<br>de l'Habitat.</h2>
                <div class="theSecondBannerHref hrefHover first">Découvrez notre vision<span id="thesecondMaskline"
                        class="hrefMove"></span></div>
            </div>
        </section>
        <section class="bodyLists">
            <div class="bodyListsImg"><img src="./image/main2.jpg" alt=""></div>
            <div class="thirdBackground background"></div>
            <div class="theThirdBanner bannerCommon scrollDown scrollUp moveObject">
                <div class="theTirdImg imgCommon">
                    <img src="./image/3.1.png" alt="">
                </div>
                <h2 class="theThirdTitle h2Common">Vos clients et vos commerciaux vous diront tout simplement "MERCI"
                </h2>
                <p class="theThirdP PCommon">Avec Gizmo, augmentez l’efficacité de votre force commerciale et offrez à
                    vos
                    futurs clients une expérience extraordinaire et exclusive. 2 atouts indispensables pour la vente de
                    vos logements !</p>
                <div class="hrefCommon hrefHover seccond"><span class="hrefCommonMask hrefMove"></span>Découvrez
                    l'expérience
                </div>
            </div>
        </section>
        <section class="bodyLists">
            <div class="bodyListsImg"><img src="./image/main3.jpg" alt=""></div>
            <div class="fourBackground background"></div>
            <div class="theFourBanner bannerCommon scrollDown scrollUp moveObject">
                <div class="theFourImg imgCommon">
                    <img src="./image/4.1.png" alt="">
                </div>
                <h2 class="theFourTitle h2Common">La rêvolution immobilière</h2>
                <p class="theFourP PCommon">Avant, vous regardiez des annonces immobilières, maintenant, visitez
                    directement votre nouveau chez vous, partout, tout le temps en un clic.
                    Jamais une recherche immobilière n'a été aussi simple, rapide et immersive.</p>
                <div class="hrefCommon hrefHover third"><span class="hrefCommonMask hrefMove"></span>En savoir plus
                </div>
            </div>
        </section>
        <section class="bodyLists">
            <div class="bodyListsImg"><img src="./image/main6.jpg" alt=""></div>
            <div class="fiveBackground background"></div>
            <div class="theFiveBanner bannerCommon scrollDown scrollUp moveObject">
                <div class="theFiveImg imgCommon">
                    <img src="./image/5.1.png" alt="">
                </div>
                <h2 class="theFiveTitle h2Common">Prêt à habiter</h2>
                <p class="theFiveP PCommon">Un service de décoration et d'aménagement intérieur clé en main dédié aux
                    investisseurs en loués meublés sur toute la France (achat des mobiliers et équipements, visite
                    virtuelle 3D de tout l'aménagement, livraison, montage et mise en place dans l'appartement).
                    Simple, rapide et so treendy.</p>
                <a href="">Téléchargez notre guide de démarrage pour réussir votre investissement en loué meublé !</a>
                <div class="hrefCommon hrefHover">treendy.fr<span class="hrefCommonMask hrefMove"></span></div>
            </div>
        </section>
        <section class="bodyLists">
            <div class="bodyListsImg"><img src="./image/main4.jpg" alt=""></div>
            <div class="theSixBanner scrollDown bannerCommon moveObject">
                <h2 class="theSixTitle h2Common">Viser l'excellence au quotidien pour l'ensemble de nos projets</h2>
                <p class="theSixP PCommon">Une équipe passionnée de designers 3D, de décorateurs d'intérieur, de
                    spécialistes de la relation client... qui livre le meilleur d'eux même pour rendre tous vos projets
                    uniques.</p>
                <div class="hrefHover hrefCommon theSixHref">Découvrez notre équipe<span
                        class="hrefMove theSixMask"></span></div>
            </div>
        </section>
        <section class="bodyLists">
            <div class="bodyListsImg"><img src="./image/main5.jpg" alt=""></div>
            <div class="theSevenBanner bannerCommon">
                <h2 class="theSevenTitle h2Common">L'immobilier a changé.
                    Contactez-nous</h2>
                <form action="" id="theSevenForm" method="post">
                    <div><span id="theSevenFormName">Je souhaiterais</span><span id="theSevenFormLis"
                            class="bac"><select name="" id="">
                                <option id="slideBac" value="obtenir des informations" selected>obtenir des informations
                                </option>
                                <option id="slideBac" value="obtenir un RDV">obtenir un RDV</option>
                                <option id="slideBac" value="obtenir une demo">obtenir une demo</option>
                            </select></span></div>
                    <div><span id="theSevenFormName">au sujet de la solution</span><span id="theSevenFormLis"
                            class="bac"><select name="" id="">
                                <option id="slideBac" value="Gizmo Immo" selected>Gizmo Immo</option>
                                <option id="slideBac" value="Gizmo Viewwer">Gizmo Viewwer</option>
                            </select></span></div>
                    <div><span id="theSevenFormName">Je m'appelle</span><span id="theSevenFormLis"><input type="text"
                                name="" id="" placeholder="Prénom / Nom"></span>*</div>
                    <div><span id="theSevenFormName">et suis basé à</span><span id="theSevenFormLis"><input type="text"
                                name="" id="" placeholder="Ville"></span></div>
                    <div><span id="theSevenFormName">Mon email est</span><span id="theSevenFormLis"><input type="text"
                                name="" id="" placeholder="Email"></span>*</div>
                    <div><span id="theSevenFormName">et mon numéro de téléphone</span><span id="theSevenFormLis"><input
                                type="text" name="" id="" placeholder="Téléphone"></span>*</div>
                    <button class="hrefCommon theSevenBtn">ENVOYER</button>
                </form>
                <p class="theSevenP">Les informations recueillies vous concernant font l’objet d’un traitement destiné à
                    la société GIZMO dans le cadre d’envois réguliers de newsletters La durée de conservation des
                    données est de 3 ans. Vous bénéficiez d’un droit d’accès, de rectification, de portabilité,
                    d’effacement de celles-ci ou une limitation du traitement. Vous pouvez vous opposer au traitement
                    des données vous concernant et disposez du droit de retirer votre consentement à tout moment en
                    envoyant un email à l’adresse contact@gizmo-immo.com. Vous avez la possibilité d’introduire une
                    réclamation auprès d’une autorité de contrôle.</p>
            </div>
        </section>


        <!-- 遮罩层分栏模块 -->
        <div class="mask">
            <div class="maskList minMask"></div>
            <div class="maskList maxMask"></div>
            <div class="maskList maxMask"></div>
            <div class="maskList maxMask"></div>
            <div class="maskList maxMask"></div>
            <div class="maskList minMask"></div>
        </div>

        <!-- 底部模块 -->
        <footer class="mainFooter">
            <div class="mainFooterList">
                <div class="mainFooterLogo"><img src="./image/logo.png" alt=""></div>
                <div class="mainFooterli">Offre d’emploi</div>
                <div class="mainFooterli">Mentions légales</div>
                <div class="mainFooterli">Politique de confidentialité</div>
                <div class="mainFooterli">CGV</div>
                <div class="mainFooterCicle">
                    <div class="whiteCicle"><span class="iconfont">&#xe658;</span></div>
                    <div class="whiteCicle"><span class="iconfont">&#xe737;</span></div>
                    <div class="whiteCicle"><span class="iconfont">&#xe655;</span></div>
                    <div class="whiteCicle"><span class="iconfont">&#xe6f2;</span></div>
                </div>
            </div>
            <div class="mainFooterList">
                <h4>NOTRE VISION</h4>
            </div>
            <div class="mainFooterList">
                <div class="ww">
                    <h4>NOS PRODUITS</h4>
                    <h6>Gizmo.immo</h6>
                    <h6>Viewwer</h6>
                </div>
            </div>
            <div class="mainFooterList">
                <h4>NOTRE ÉQUIPE</h4>
            </div>
            <div class="mainFooterList">
                <h4>CONTACT</h4>
            </div>
        </footer>

        <!-- 广告区域模块 -->
        <div class="advertisementArear">
            <div class="advertisementContener">
                <a href="">Livre blanc à télécharger</a>
                <div><strong>Immobilier : le nouveau parcours client&nbsp;></strong></div>
            </div>
            <div class="advertisementDelete"><span class="iconfont del">&#xe620;</span></div>
            <div class="advertisementPic">
                <img src="./image/bottom.png" alt="">
            </div>
        </div>



    </div>


</body>

</html>